<template>
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="#1baeae">
        <van-swipe-item v-for="(item, index) in list" :key="index"  @click="goto(item.redirectUrl)">
            <img :src="item.carouselUrl" alt="">
        </van-swipe-item>
    </van-swipe>
</template>
<script>

export default {
    props:{
        list:{
            default:()=>{return []},
            type:Array
        }
    },
    setup() {
        const goto = (url) =>{
            console.log(url)
            window.open(url)
        }
        return{
            goto
        }
    },
}
</script>
<style lang="scss" scoped>
.my-swipe {
    img {
      width: 100%;
      height: 100%;
    }
}
</style>
